BARE BONES HTML-OPAS

Kevin Werbach
<barebones@werbach.com>
Pikakäännös Mika Hämäläinen
<mika.hamalainen@interweb.fi>
Versio 2.0 Taulukoilla -- Joulukuu 27, 1995
(Tämä sivu vaatii taulukota tukevan selaimen)

Tämä muistilistanomainen yhteenveto yleisimmistä HTML-komennoista on alkujaan Kevin Werbachin käsialaa. Uusimmat versiot ja erikielistet käännökset listasta lyötyvät osoitteesta < http://werbach.com/barebones/>.

Tässä oppaassa on vain hyvin lyhyet selvitykset komennoista. Komentoja laajemmin esitteleviä oppaita on runsaasti saatavilla esimerkiksi Werbachin kotisivulta <http://werbach.com/web/wwwhelp.html#guides>. Useimmat näistä ovat kuitenkin englanniksi. Jukka Packalenin pieni suomenkielinen opas lyötyy osoitteesta <http://www.helsinki.fi/~jpackale/html-opas.html>.

Tässä oppaassa on listattu lähes kaikki käytössä olevat "viralliset" HTML 2.0 komennot. Lisäksi on esitelty Netscapen laajennukset sekä useita HTML 3.0 komentojoukkoon mahdollisesti tulevia komentoja.

Tämä versio oppaasta on PIKAKÄÄNNÖS, ja saattaa sisältää runsaasti kirjoitus- ja ajatusvirheitä. Jouduin myös luomaan hieman uudissanoja, josta osa on varsin omituisia... (Sample Output=Uloste, Frame=Kehys...) Mikäli löydät virheitä, tai haluat ehdottaa parempia uudissanoja, pistäppä postia Mika Hämäläiselle <mika.hamalainen@interweb.fi>.

Kommentteja ja ehdoituksia voi lähettää suoraan Kevin Werbachille <barebones@werbach.com> tai Mika Hämäläiselle <mika.hamalainen@interweb.fi>.

Kevin haluaa kiittä myös seuraavia henkilöitä:

Jutta Degener <jutta@cs.tu-berlin.de>
Henry Churchyard <churchh@uts.cc.utexas.edu>
John Berkin <jberkin@aberdeen.geoquest.slb.com>
Larry Katz <lhk@blackstone.com>
N.J. Taber <NJTaber@mail03.MITRE.org>
Dean Hedman <hedmande@epo.gov.on.ca>
Nick Galbreath <nickg@OpenMarket.com>
R. Alan Monroe <amonroe@rcbins.redc.marshall.edu>
Ann Lynnworth <ann@sonic.net>
Mike Kelsey <kelsey@cithe502.cithep.caltech.edu>
Russ Allbery <rra@genesis.gvg.tek.com>
1000 <dolphin@eccosys.com>
Susan Hagan <shagan@toolbox.rutgers.edu<

Oppaassa käytetyt symbolit

URL    Universal Resource Locator, "Maailmankaikkeuden resurssien paikallistaja" :-)
       Viittaus toiseen tiedostoon
?      Jokin numero (esim. <H?> tarkoittaa <H1> - <H6>)
%      Jokin prosentti (esim. <HR WIDTH=%> voisi olla <HR WIDTH=50%>...)
***    Jokin teksti (esim. ALT="***" johon jokin kuvausteksti)    
$$$$$$ Jokin heksa (esim. BGCOLOR="#$$$$$$" voisi olla BGCOLOR="#00FF1C")
,,,    Pilkkujen määrä (esim. COORDS=",,," tarkoittaa COORDS="0,0,50,50")
|      Vaihtoehdot (esim. ALIGN=LEFT|RIGHT|CENTER, jokin näistä)

Yhteensopivuus
(Muista että HTML ja selaimet kehittyvät koko ajan)
(ei merkkiä) HTML 2.0; toimii "kaikissa" selaimissa 
N1.0   Netscape laajennus, esiteltiin Navigator 1.0 versiossa
N1.1   Netscape laajennus, esiteltiin Navigator 1.1 versiossa
N2.0   Netscape laajennus, esiteltiin Navigator 2.0 versiossa 
3.0    HTML 3.0 komento; toimii yleisimmissä uusissa selaimissa
+      Tämä Netscape laajennus toimii yleisimmissä selaimissa

Kommentteja ja ehdoituksia voi lähettää suoraan Kevin Werbachille <barebones@werbach.com> tai Mika Hämäläiselle <mika.hamalainen@interweb.fi>.

Sisällys


Dokumenttityyppi "prologue"	<HTML></HTML>	(dokumentin alussa ja lopussa)
Ikkunan nimi "titteli"	<TITLE></TITLE>	(pitää sijaita tunnisteessa)
Tunniste "head"	<HEAD></HEAD>	(dokumenttia kuvaavaa informaatiota)
Runko "body"	<BODY></BODY>	(runkon sisältämät asia näkyvät sivulla)

LOOGISET MUOTOILUKOMENNOT (Selain määrittää tyylin ulkoasun)
	Otsikko	<H?></H?>	(otsikkotasoja on kuusi)
3.0	Otsikon sijoittelu	<H? ALIGN=LEFT\|CENTER\|RIGHT></H?>
3.0	Jako	<DIV></DIV>
3.0	Jaon sijoittelu	<DIV ALIGN=LEFT\|RIGHT\|CENTER\|JUSTIFY></DIV>
	Sitaattikappale	<BLOCKQUOTE></BLOCKQUOTE>	(Yleensä kapeampi, sisennetty palsta)
	Painotus	<EM></EM>	(yleensä kursiivi)
	Vahva painotus	<STRONG></STRONG>	(yleensä lihavoitu)
	Sitaatti	<CITE></CITE>	(yleensä kursiivi)
	Koodi	<CODE></CODE>	(lähdekoodin listaus)
	Uloste :-)	<SAMP></SAMP>
	Syöte	<KBD></KBD>
	Muuttuja	<VAR></VAR>
	Määritelmä	<DFN></DFN>	(ei yleisessä käytössä)
	Tekijän osoite	<ADDRESS></ADDRESS>
3.0	Iso kirjasinkoko	<BIG></BIG>
3.0	Pieni kirjasinkoko	<SMALL></SMALL>

PAKOTTAVAT MUOTOILUKOMENNOT (Tekijä määrittää tyylin ulkonäön)
	Lihavointi	<B></B>
	Kursiivi	<I></I>
3.0	Alleviivaus	<U></U>	(ei vielä yleisessä käytössä)
3.0	Ylilyönti	<S></S>	(ei vielä yleisessä käytössä)
3.0	?? Alaindeksi	<SUB></SUB>
3.0	?? Yläindeksi	<SUP></SUP>
	Kirjoituskone	<TT></TT>	(käyttää "fixed font" -kirjasinta)
	Esimuotoiltu	<PRE></PRE>	(käyttää "fixed font" -kirjasinta, ja esimuotoiltuja välejä)
	Leveys	<PRE WIDTH=?></PRE>	(merkeissä)
N1.0+	Keskitys	<CENTER></CENTER>	(tekstille, kuville ja taulukoille)
N1.0	Välkkyminen	<BLINK></BLINK>	(eniten pahennusta aiheuttanut komento)
N1.0	Kirjasinkoko	<FONT SIZE=?></FONT>	(välillä 1-7)
N1.0	Kirjasinkoon muutos	<FONT SIZE=+\|-?></FONT>
N1.0	Oletus kirjasinkoko	<BASEFONT SIZE=?>	(välillä 1-7; oletusarvo 3)
N2.0	Kirjasimen väri	<FONT COLOR="#$$$$$$"></FONT>

LINKIT JA KUVAT
	Linkki	<A HREF="URL"></A>
	Linkki kohteeseen	<A HREF="URL#***"></A>	(jos toisessa dokumentissa)
	Linkki kohteeseen	<A HREF="#***"></A>	(if in current document)
N2.0	Kohdeikkuna	<A HREF="URL" TARGET="***"></A>
	Nimeä kohde	<A NAME="***"></A>
	Näytä kuva	<IMG SRC="URL">
	Sijoittelu	<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE>
N1.0	Sijoittelu	<IMG SRC="URL" ALIGN=LEFT\|RIGHT\|TEXTTOP\| ABSMIDDLE\|BASELINE\|ABSBOTTOM>
	Kuvan korvaava teksti	<IMG SRC="URL" ALT="***">	(jos kuvaa ei näytetä)
	Sensitiivinen kuva	<IMG SRC="URL" ISMAP>	(vaatii skriptin)
N2.0	Sensitiivinen kuva	<IMG SRC="URL" USEMAP="URL">
N2.0	Kartta	<MAP NAME="***"></MAP>	(kuvaa kartan)
N2.0	Alue	<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>
3.0	Koon määritys	<IMG SRC="URL" WIDTH="?" HEIGHT="?">	(pikseleinä)
N1.0	Reunus	<IMG SRC="URL" BORDER=?>	(pikseleinä)
N1.0	Marginaali	<IMG SRC="URL" HSPACE=? VSPACE=?>	(pikseleinä)
N1.0	Matalaresoluutioinen esikuva	<IMG SRC="URL" LOWSRC="URL">
N1.1	Selain veto	<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
N2.0	Liitä objekti	<EMBED SRC="URL">	(liittää objektin sivulle)
N2.0	Objektin koko	<EMBED SRC="URL" WIDTH="?" HEIGHT="?">

JAKAJAT
	Kappale	<P>	(yleensä kaksi rivinvaihtoa)
3.0	Kappale	<P></P>
3.0	Tekstin sijoittelu	<P ALIGN=LEFT\|CENTER\|RIGHT></P>
	Rivin lopetus	<BR>	(rivinvaihto)
N1.0	Lopeta tekstinkierrätys	<BR CLEAR=LEFT\|RIGHT\|ALL>
	Vaakaviiva	<HR>
N1.0	Sijoittelu	<HR ALIGN=LEFT\|RIGHT\|CENTER>
N1.0	Paksuus	<HR SIZE=?>	(pikseleinä)
N1.0	Leveys	<HR WIDTH=?>	(pikseleinä)
N1.0	Leveys prosentteina	<HR WIDTH=%>	(prosenttia sivun leveydestä)
N1.0	Varjostamaton viiva	<HR NOSHADE>	(yksivärinen, ei 3D-efektiä)
N1.0	Ei rivinvaihtoa	<NOBR></NOBR>	(estää rivinvaihdon)
N1.0	Sanaväli	<WBR>	(kun rivinvaitoa tarvitaan)

LISTAT (Listoja voidaan asettaa sisäkkäin)
	Järjestämätön lista	<UL><LI></UL>	(<LI> ennen jokaista listan elementtiä)
N1.0	Merkin tyyppi	<UL TYPE=DISC\|CIRCLE\|SQUARE>	(koko listalle)
N1.0	Merkin tyyppi	<LI TYPE=DISC\|CIRCLE\|SQUARE>	(tälle ja seuraaville)
	Järjestyslista	<OL><LI></OL>	(<LI> ennen jokaista listan elementtiä)
N1.0	Järjestysmerkin tyyppi	<OL TYPE=A\|a\|I\|i\|1>	(koko listalle)
N1.0	Järjestysmerkin tyyppi	<LI TYPE=A\|a\|I\|i\|1>	(tälle ja seuraaville)
N1.0	Aloitusmerkki	<OL VALUE=?>	(koko listalle)
N1.0	Aloitusmerkki	<LI VALUE=?>	(tälle ja seuraaville)
	Määrittelylista	<DL><DT><DD></DL>	(<DT>=term, <DD>=definition)
	Valikkolista	<MENU><LI></MENU>	(<LI> ennen jokaista listan elementtiä)
	Hakemistolista	<DIR><LI></DIR>	(<LI> ennen jokaista listan elementtiä)

VÄRIT JA TAUSTAT
3.0	Taustakuva	<BODY BACKGROUND="URL">
N1.1+	Taustaväri	<BODY BGCOLOR="#$$$$$$">	(järjestys on punainen/vihreä/sininen, red/green/blue)
N1.1+	Tekstiväri	<BODY TEXT="#$$$$$$">
N1.1+	Linkkiväri	<BODY LINK="#$$$$$$">
N1.1+	Käytetyn linkin väri	<BODY VLINK="#$$$$$$">
N1.1	Aktiivisen linkin väri	<BODY ALINK="#$$$$$$">

ERIKOISMERKIT (Nämä tulee kirjoittaa pienillä kirjaimilla)
	Erikoismerkki	&#?;
	<	<
	>	>
	&	&
	"	"
	ä	ä
	Ä	Ä
	ö	ö
	Ö	Ö
	å	å
	Å	Å
	Rekisteröity tuotemerkki	®
N1.0+	Rekisteröity tuotemerkki	®
	Copyright	©
N1.0+	Copyright	©

LOMAKKEET (Kenttien vietit välitetään palvelijassa sijaitsevalle ohjelmalle)
	Määritä lomake	<FORM ACTION="URL" METHOD=GET\|POST></FORM>
N2.0	Liitä tiedosto	<FORM ENCTYPE="multipart/form-data></FORM>
	Syöttökenttä	<INPUT TYPE="TEXT\|PASSWORD\|CHECKBOX\| RADIO\|IMAGE\|HIDDEN\|SUBMIT\|RESET">
	Kentän nimi	<INPUT NAME="***">
	Kentän oletusarvo	<INPUT VALUE="***">
	Esivalittu	<INPUT CHECKED>	(checkbox ja radio)
	Kentän koko	<INPUT SIZE=?>	(merkkeinä)
	Maximi pituus	<INPUT MAXLENGTH=?>	(merkkeinä)
	Valintalista	<SELECT></SELECT>
	Listan nimi	<SELECT NAME="***"></SELECT>
	Vaihtoehtojen lukumäärä	<SELECT SIZE=?></SELECT>
	Monivalinta	<SELECT MULTIPLE>	(voi valita useampia)
	Vaihtoehto	<OPTION>	(valinta vaihtoehdot)
	Oletusvaihtoehto	<OPTION SELECTED>
	Tekstikentän koko	<TEXTAREA ROWS=? COLS=?></TEXTAREA>
	Tekstikentän nimi	<TEXTAREA NAME="***"></TEXTAREA>
N2.0	Tekstin kierrätys	<TEXTAREA WRAP=OFF\|VIRTUAL\|PHYSICAL></TEXTAREA>

TAULUKOT
3.0	Määrittele taulukko	<TABLE></TABLE>
3.0	Taulukon reunus	<TABLE BORDER></TABLE>	(joko tai)
N1.1	Taulukon reunus	<TABLE BORDER=?></TABLE>	(voi antaa arvon)
N1.1	Soluväli	<TABLE CELLSPACING=?>
N1.1	Solujen marginaali	<TABLE CELLPADDING=?>
N1.1	Tavoite leveys	<TABLE WIDTH=?>	(in pixels)
N1.1	Leveys prosentteina	<TABLE WIDTH=%>	(prosenttia sivunleveydestä)
3.0	Taulukkorivi	<TR></TR>
3.0	Sijoittelu	<TR ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
3.0	Taulukkosolu	<TD></TD>	(täytyy sijaita taulukkorivin sisässä)
3.0	Sijoittelu	<TD ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
3.0	Ei rivinvaihtoja	<TD NOWRAP>
3.0	Leveys kolumneina	<TD COLSPAN=?>
3.0	Korkeus riveinä	<TD ROWSPAN=?>
N1.1	Tavoiteleveys	<TD WIDTH=?>	(pikseleinä)
N1.1	Leveys prosentteina	<TD WIDTH=%>	(prosenttia taulukon leveydestä)
3.0	Taulukko-otsikko	<TH></TH>	(sama kuin data, mutta lihavoituna ja keskitettynä)
3.0	Sijoittelu	<TH ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
3.0	Ei rivinvaihtoja	<TH NOWRAP>
3.0	Leveys kolumneina	<TH COLSPAN=?>
3.0	Korkeus riveinä	<TH ROWSPAN=?>
N1.1	Tavoiteleveys	<TH WIDTH=?>	(pikseleinä)
N1.1	Leveys prosentteina	<TH WIDTH=%>	(prosenttia taulukon leveydestä)
3.0	Taulukon oheisteksti	<CAPTION></CAPTION>
3.0	Sijoittelu	<CAPTION ALIGN=TOP\|BOTTOM>	(taulukon alla/pällä)

KEHYKSET
N2.0	Kehys Dokumentti	<FRAMESET></FRAMESET>	(<BODY>-komennon sijasta)
N2.0	Kehyksen korkeus riveinä	<FRAMESET ROWS=,,,></FRAMESET>	()
N2.0	Kehyksen korkeus riveinä	<FRAMESET ROWS=*></FRAMESET>	(* = suhteellinen koko)
N2.0	Kehyksen leveys kolumneina	<FRAMESET COLS=,,,></FRAMESET>	(pikseliä tai %)
N2.0	Kehyksen leveys kolumneina	<FRAMESET COLS=*></FRAMESET>	(* = suhteellinen koko)
N2.0	Määritä kehys	<FRAME>	(yksittäinen kehys)
N2.0	Näytä dokumentti	<FRAME SRC="URL">
N2.0	Kehyksen nimi	<FRAME NAME="***"\|_blank\|_self\|_parent\|_top>
N2.0	Marginaalin leveys	<FRAME MARGINWIDTH=?>	(vasen ja oikea marginaali)
N2.0	Marginaalin korkeus	<FRAME MARGINHEIGHT=?>	(ylä ja alamarginaali)
N2.0	kehyksen vieritettävyys	<FRAME SCROLLING="YES\|NO\|AUTO">
N2.0	Sidottu koko	<FRAME NORESIZE>
N2.0	Sisältö kehyksettömille selaimille	<NOFRAMES></NOFRAMES>	(selaimille jotka eivät tue kehys-komentoa)

SEKALAISET
	Kommentti	<!-- *** -->	(ei näy sivulla)
	Dokumentin tyyppi	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
3.0	Dokumentin tyyppi	<!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">
	Haettava dokumentti	<ISINDEX>
N1.0	?? Prompt	<ISINDEX PROMPT="***">	(syöttöä osoittava teksti)
	Lähetä haku	<A HREF="URL?***"></a>	(käytä oikeata kysymysmerkkiä)
	Dokumentin osoite	<BASE HREF="URL">	(täytyy sijaita tunniste-osiossa)
N2.0	Oletusikkunan nimi	<BASE TARGET="***">	(täytyy sijaita tunniste-osiossa)
	relaatio	<LINK REV="*" REL="*" HREF="URL">	(täytyy sijaita tunniste-osiossa)
	Metainformaatio	<META>	(täytyy sijaita tunniste-osiossa)

Copyright © 1995, 1996 Kevin Werbach. Noncommercial redistribution permitted. This Guide is not a product of Bare Bones Software, although it is distributed with some versions of the BBEdit text editor; the similarity of names is purely coincidental.

Kevin's Home Page